@charset "utf-8";
@import "common/reset";
@import "common/common";
.title{
    h2{
        font-weight: normal;
    }
    h3{
        font-size: 30px;
    }
}

.content{
    margin-top: 80px;
}
.banner{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    >img{
        height: 100%;
        position: absolute;
        left: -999px;
        right: -999px;
        margin:  auto;
    }
}
.operational-planning{
    padding-top: 107-6.4px;
    padding-bottom:173px;
    .title{
        margin-bottom: 103px;
        h3{
            font-size: 30px;
        }
    }
    .op-content{
        >div{
            width: 25%;
            text-align: center;
            padding: 0 3%;
            color: #656565;
            float: left;
            .imgfix{
                width: 200px;
                height: 200px;
                margin: 0 auto;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            h5{
                font-size: 24px;
                font-weight: normal;
                margin-top: 58px;
                margin-bottom: 22.5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            p{
                font-size: 14px;
            }
        }
    }
   
}
 .brand-planning{
    width: 100%;
    height: 900px;
    background: url(../img/weservice/1.png) 0 0/100% 100%;
    padding-top: 86px;
    .bp-content-wrap{
        width: 1200px;
        margin: 0 auto;
        .title{
            h2{
               color:#ffffff;
            }
            h3{
                color:#fefefe;
                font-size: 30px;
            }
        }
        .bp-content{
            float: left;
            color: #fff;
            width: 380px;
            height: 475px;
            border: 4px solid #ff6d00;
            margin-right: 30px;
            padding: 46px 16px 0;
            h3{
                text-align: center;
                font-size: 40px;
                font-weight: normal;
                line-height: 60px;
                
            }
            p{
                text-align: justify;
                font-size: 16px;
                line-height: 30px;
            }
            .orange-line{
                width: 80px;
                height: 6px;
                background: #ff6d00;
                margin: 42px auto 60px;
            }
        }
        .margin-right-clear{
            margin-right: 0;
        }
    }
}
.new-media-wrap{
    height: 1178px;
    width: 100%;
    padding-top: 229px;
    //这里padding用的百分比可能会子啊1920时看到的效果偏左边一丢丢
    padding-left: 15%;
    .new-media-pic{
        width: 957px;
        height: 683px;
        background: url(../img/weservice/2.png) 0 0/100% 100%;
        position: relative;
        >div{
            width: 500px;
            position: absolute;
            h4{
                font-size: 26px;
                font-weight: normal;
                color: #656565;
                margin-bottom: 10px;
            }
            p{
                font-size: 16px;
                line-height: 26px;
                color: #7c7c7c;
            }
        }
        >div:first-child{
            right: -235px;
            top: -39px;
        }
        >div:nth-child(2){
            right: -294px;
            top: 125px;
        }
        >div:nth-child(3){
            right: -332px;
            top: 283px;
        }
        >div:nth-child(4){
            right: -294px;
            bottom: 138px;
        }
        >div:nth-child(5){
            right: -237px;
            bottom: -28px;
        }
    }
}
.visual-communication{
    padding-top: 74.6px;
    padding-bottom: 12px;
    background: url(../img/weservice/3.png) 0 0/auto 100%;
    .title{
        margin-bottom: 72px;
        h2{
            color: #ffffff;
        }
        h3{
            color: #ffffff;
            font-size: 30px;
        }
    }
    .vc-wrap{
        width: 1200px;
        margin: 0 auto;
        >div{
            margin-bottom: 62px;
            div{
                float: left;
            }
        }
        >div:nth-child(2n){
           .imgfix{
               margin-left: 527px;
               margin-right: 75px;
           }
        } 
        .imgfix{
            width: 300;
            height: 226;
            border: 4px solid #ff6d00;
            margin-right: 92px;
            img{
                width: 100%;
                height: 100%;
                position: relative;
                top: 8px;
                left: 11px;
            }
        }
        .word{
            width: 290px;
            padding-top: 55px;
            
            h5{
                color:#ff6d00;
                font-size: 24px;
                margin-bottom: 10px;
            }
            p{
                color: #ffffff;
                line-height: 24px;
                font-size: 16px;
                text-align: justify;
            }
        }
    }
}
.educational-training{
    width: 1200px;
    margin: 0 auto;
    padding: 141.6px 0 85px;
    
    .et-content{
        >div{
            width: 380px;
            height: 250px;
            border: 2px solid #ff6d00;
            padding:  39px 61px 0 29px;
            float: left;
            margin-right:30px ;
            margin-bottom: 30px;
            h4{
              font-size: 24px;
              color: #656565;  
            }
            h4::after{
                content:"";
                display: block;
                width:40px ;
                height:3px ;
                background: #ff6d00;
                margin: 13px 0 25px;
            }
            p{
              font-size: 16px;
              line-height: 24px;
              color: #656565;
              text-align: justify;
            }
        }
        .margin-right-clear{
            margin-right: 0;
        }
    }
}
.client-cases{
    padding-top: 121.6px;
    .title{
        margin-bottom: 73px;
    }
    .pic-wrap{
        float: left;
        height: 270px;
        img{
            width: 60%;
        }
        a{
            display: block;
            width: 100%;
            height: 100%;
        }
    }
}
.brand-cooperation{
    padding-top: 125.6px;
    padding-bottom: 120px;
    .title{
        margin-bottom: 65px;
    }
    .bc{
       
    }
    .pic-wrap{
        float: left;
        width: 232px;
        height: 130px;
        border: none;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .margin-right-clear{
        margin-right: 0;
    }
}
